<template>
  <div>
    <h1>一、文档查看功能</h1>
    <img src="@/assets/pics/1.jpg" width="100%" height="100%">
    <h2>点击文档查看目录-制度流程-选择目录-点击查看按钮。</h2>
    <img src="@/assets/pics/2.jpg" width="100%" height="100%">
    <h2>查看界面可选择下载PDF或word格式文件，在编辑目录栏中有对齐、加粗、插入图片、打印等常用操作。</h2>
  </div>
</template>

<script type="text/ecmascript-6">
  import { getAction } from '@api/manage'

  export default {
    name: 'UserGuide',
    data () {
      return {
        userGuide: '',
        url: '/Guide/userGuide'
      }
    },
    methods: {
      loadData () {
        getAction(this.url).then((res) => {
          this.userGuide = res
        })
      }
    },
    created () {
      this.loadData()
    }
  }
</script>

<style>
  img {
    /*width: 100%;*/
    /*max-width: 180px;*/
    /*height: 100%;*/
    /*border-radius: 50%;*/
    /*overflow: hidden;*/
  }
</style>
